<template>
  <view class="result-page">
    <!-- 认证成功 -->
    <view class="cont">
      <u-image width="468" height="268" src="/static/user/auth1@2x.png"></u-image>
      <view class="title">注册成功！</view>
      <view class="tips">恭喜您成功注册！</view>
      <view class="tips">您的信息已经录入，欢迎您的使用</view>
    </view>
    <!-- 认证失败 -->
    <view class="cont" v-if="loss">
      <u-image width="496" height="360" src="/static/user/auth2@2x.png"></u-image>
      <view class="title">注册失败！</view>
      <view class="tips">请检查您的资料</view>
      <view class="tips">检查后请重新提交数据审核</view>
    </view>
  </view>
</template>
<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>
<script>
document.addEventListener('UniAppJSBridgeReady', function() {
  uni.postMessage({
    data: {
      action: '这是我传送的消息'
    }
  });//传递的消息信息，必须写在 data 对象中。
});
</script>
<script>
export default {
  data() {
    return {
      loss: false
    };
  }
}
</script>

<style lang="scss">
.result-page {
  text-align: center;
  .cont {
    margin: 170rpx auto;
    .u-image {
      margin: auto;
      margin-bottom: 100rpx;
    }
    .title {
      font-size: 54rpx;
      font-weight: bold;
      margin: 40rpx;
    }
    .tips {
      color: #666666;
      margin-bottom: 20rpx;
    }
  }
}
</style>
